body {
    font-size: 14px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.wrapper {
    margin: 0 auto;
    position: relative;
    width: 1190px;
    height: 510px;
}

.area {
    position: absolute;
    border: 1px dashed black;
    padding: 1px;
}

.deviceArea {
    position: relative;
    border: 1px dashed green;
    height: 98%;
    width: 99%;
}

.device {
    position: absolute;
    top: 20px;
    border: 1px solid red;
    width: 20%;
    height: 40px;
}

.device2 {
    position: absolute;
    top: 2px;
    border: 1px solid red;
    width: 100px;
    height: 30px;
}
.legend{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid red;
    width: 100px;
    display: inline;
    margin-right: 20px;
}
